<div style="width:100%;height:auto;padding-top:2rem;padding-bottom:2rem;background:#ccc;text-align: center;">
  <h1><u>/pages</u> 是第一层路由,是一个异步模块</h1>
  <span style="padding:1rem;">
      <button [routerLink]="[{outlets: { pop1: ['details']}}]">open Details in pop1</button>
      <button [routerLink]="[{outlets: { pop1: ['home']}}]">open Home in pop1</button>
      <button (click)="closePop1()">close Home in pop1</button>
      <button [routerLink]="[{outlets: { pop2: ['about']}}]">open pop2</button>
      <button [routerLink]="[{outlets: { pop2: null}}]">close pop2</button>
      <button (click)="closePop2()">close pop2</button>
  </span>

  <div style="height:auto;padding:2rem;">
    <h2>下面的均为第二层路由,在 <u>/pages/</u> 下面</h2>
    <div style="height:100%;min-height:100px;background:cadetblue;">
      <router-outlet name="pop1"></router-outlet>
    </div>
    <div style="height:100%;min-height:100px;background:burlywood;">
      <router-outlet name="pop2"></router-outlet>
    </div>
    <div style="height:100%;min-height:100px;background:blanchedalmond;">
      <router-outlet name="pop3"></router-outlet>
    </div>
  </div>
</div>